window.onload = function () {
    // 等待5秒后输出执行完成
    setTimeout(function (){

        console.log("AmzCollectHelper.js loaded");
        let title = document.querySelector("#productTitle");
        if (title) {
            console.log("Title: " + title.innerText);
        }


// 通过CSS选择器获取ul元素
        const ulElement = document.querySelector("#feature-bullets > ul");

// 获取所有li元素下的span元素
        const spanElements = ulElement.querySelectorAll("li span.a-list-item");

// 将span文本内容存入数组
        const textArray = Array.from(spanElements).map(span => span.textContent.trim());

// 输出结果数组
        console.log(textArray);


// 获取产品描述元素
        const productDesc = document.querySelector("#productDescription");

// 获取span元素内的HTML内容
        const spanContent = productDesc.querySelector("p span").innerHTML;

// 替换所有br标签为换行符并去除HTML标签
        const formattedText = spanContent
            .replace(/<br\s*\/?>/gi, '\n')
            .replace(/<\/?[^>]+(>|$)/g, '');

// 输出格式化后的纯文本
        console.log(formattedText);


// 获取图片包装元素
        const imgWrapper = document.querySelector("#imgTagWrapperId");

// 获取图片元素
        const imgElement = imgWrapper.querySelector("img");

// 提取src属性中的URL
        const srcUrl = imgElement.src;

// 提取data-old-hires属性中的URL
        const hiresUrl = imgElement.getAttribute("data-old-hires");

// 解析data-a-dynamic-image属性中的JSON数据
        const dynamicImages = JSON.parse(imgElement.getAttribute("data-a-dynamic-image"));
        const dynamicUrls = Object.keys(dynamicImages);

// 合并所有URL并去重
        const allUrls = [srcUrl, hiresUrl, ...dynamicUrls].filter((url, index, self) =>
            url && self.indexOf(url) === index
        );

// 输出结果
        console.log(allUrls);

        console.log("-------------------")

        // 创建json变量，将上面拿到的标题，五点，描述，图片链接放入到json中
        var json = {
            "title": title.innerText,
            "points": textArray,
            "description": formattedText,
            "images": allUrls
        };
        console.log(json);
    }, 500);


}